@(utilisateurQcmForm: Form[UtilisateurQcm])
@header()

@import helper._

@implicitFieldConstructor = @{ FieldConstructor(twitterBootstrapInput.render) } 

@main("createUtilisateurQcm") {
	  
    @form(routes.AdminUtilisateurQcm.saveUtilisateurQcm()) {
    	<div class="bs-docs-example" >
    	
    	<div class="bs-docs-example-after" >
    	Etape 1 sur 1
    	</div>
     
     	<legend> Ajouter un utilisateurQcm </legend>
     	
        <fieldset>
        <br>
            
            
                    @select(
                            utilisateurQcmForm("utilisateur.idUtilisateur"), 
                            options(Utilisateur.options2), 
                            '_label -> "Utilisateur qui a passe le QCM", '_default -> "-- Choisir un utilisateur --",
                            '_showConstraints -> false
                        )
                        
                        @select(
                                utilisateurQcmForm("qcm.idQcm"), 
                                options(Qcm.options), 
                                '_label -> "QCM passe", '_default -> "-- Choisir un QCM --",
                                '_showConstraints -> false
                            )
                            
                    @inputText(utilisateurQcmForm("note"), '_label -> "note sur 20")
                    		
                    		@input(
                    				utilisateurQcmForm("date"),
                    				'_label -> "Date de passage du Qcm", '_showConstraints -> false) { (_, name, value, _) =>
                				    <div class="control-group ouv input-append date" id="datetimepicker">
                				     		<div class="controls">
                				        		<input type="text" id="date" name ="date" value="" required>
                				        		<span class="add-on">
                									<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
                					    		</span>
                				      		</div>
                				      	</div>
                				 
                    	    }
                    @inputText(utilisateurQcmForm("duree"), '_label -> "duree du passage (en minutes)")    
                    

        </fieldset>
            
            
        <br>
        
        <div class="actions">
        <a href="@routes.AdminUtilisateurQcm.indexUtilisateurQcm()" class="btn btn-primary"><i class="icon-white icon-circle-arrow-left"></i> Retour</a>
    	<button type="submit" class="btn btn-primary"> Ajouter <i class="icon-white icon-circle-arrow-right"></i> </button>
        </div>
       </div>
    }
    
    <script type="text/javascript">
    $('#datetimepicker').datetimepicker({
    format: 'dd/MM/yyyy hh:mm'
    });
    </script>

    
}